@include b('pdf-preview') {
    height: 100%;
    padding: getCssVar('spacing', 'base');

    @include e('scroll-container') {
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    @include e('container') {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 0 getCssVar('spacing', 'base');
        padding-bottom: getCssVar('spacing', 'extra-loose');

        &::before,
        &::after {
            display: block;
            width: 100%;
            height: getCssVar('spacing', 'base');
            content: '占位';
            opacity: 0;
        }
    }

    @include e('page') {
        margin: getCssVar('spacing', 'tight') 0;
        box-shadow: 0 0 getCssVar('border-radius', 'large') rgb(0 0 0 / 12%);

        &:first-child {
            margin-top: 0;
        }

        &:last-child {
            margin-bottom: 0;
        }
    }
}